<script>
    $.ajax({
            url: './api/city.json', //发送的网络请求地址
            type: 'get', //请求方式 GET(默认) POST
            async: true, //异步请求默认为true，可省略
            cache: false, //设置为 false 将不缓存此页面   
            dataType: 'json', //预期服务器返回的数据类型
            success: function (response) { //请求成功后的回调函数 response 服务器响应的数据
                //console.log(response)
                $.each(response, function (index, p) {
                    //console.log(p)
                    $('<option></option>').text(p.name).val(p.name).appendTo($('#selPro'));
                });

                $('#selPro').change(function () {
                    //console.log($(this).val())
                    var pro = $(this).val();
                    $('#selCity').text('');
                    $('#selArea').text('');
                    for (var i = 0; i < response.length; i++) {
                        if (pro == response[i].name) {
                            var citys = response[i].city;
                            $('<option>--请选择市--</option>').appendTo($('#selCity'));
                            for (var j = 0; j < citys.length; j++) {
                                $('<option></option>').text(citys[j].name).val(citys[j]
                                    .name).appendTo($('#selCity'));
                            }
                        }
                    }
                });

                $('#selCity').change(function () {
                    var pro = $('#selPro').val() //省
                    var data = '';
                    // var data=getname(pro,response);
                    for (var i = 0; i < response.length; i++) {
                        if (response[i].name == pro) {
                            data = response[i].city;
                        }
                    }
                    var city = $(this).val(); //市 
                    $('#selArea').text('');
                    for (var i = 0; i < data.length; i++) {
                        if (city == data[i].name) {
                            var areas = data[i].area;
                            $('<option>--请选择区县--</option>').appendTo($('#selArea'));
                            for (var j = 0; j < areas.length; j++) {
                                $('<option></option>').text(areas[j]).val(areas[j])
                                    .appendTo($('#selArea'));
                            }
                        }
                    }
                });
            },

            error: function (xhr, textStatus, textStatus) { //请求失败时调用此函数
                console.log('请求出错')
            },

        })







    })
</script>